<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>店聘网——让服务更专业</title>
    <link href="css/global.css" media="screen" rel="stylesheet" type="text/css"/>
    <style type="">
        #banner_left{
            width:250px;
            height:275px;
            float:left;
            color:#00af50;
            background-color:#f2f6fb;
        }
        #banner_left p{
            font-size:24px;
            margin-top:40px;
            margin-bottom:15px;
        }
        #banner_left span{
            font-size:20px;
            line-height:36px;
        }
        #banner_left hr{
            border:0;
            background-color:#00af50;
            height:1px;
            width:100px;
            margin-left:75px;
        }
        #banner{
            width:480px;
            height:275px;
            float:left;
            background-color:#F00;
        }
        #banner_right{
            width:250px;
            height:275px;
            float:left;
            background-color:#f2f6fb;
        }
        #banner_right input{
            width:160px;
            height:50px;
        }
        #find_job_button{
            background-color:#f9a821;
            margin-top:30px;
        }
        #find_waiter_button{
            margin-top:15px;
        }
        #already_have_account{
            text-align:left;
            margin-top:20px;
            margin-left:45px;
            line-height:30px;
        }
        #already_have_account a{
            color:#f9a821;
        }
        #job_recommend{
            clear:left;
            padding-top:10px;
        }

        #manager_recommend{
            color:#FFF;
            text-align:left;
        }
        #manager_recommend_job{
            height:200px;
        }

        #brand_cooperation{
            color:#FFF;
            text-align:left;
            margin-top:10px;
        }

    </style>

</head>
<body>
<!-- include header -->
<#include "block/header.ftl">

<div class="middle_width" style="margin-top:10px;">
    <div id="banner_left">
        <p>店长在线</p>
        <hr/>
        <span>店长：佳佳</span><br/>
        <span>店长：乐乐</span><br/>
        <span>店长：米米</span>
    </div>
    <div id="banner">
        <img src="img/banner.jpg" width="480" height="275"/>
    </div>
    <div id="banner_right">
        <div id="find_job">
            <input type="button" class="button" id="find_job_button" value="用户登陆"/>
        </div>
        <div id="find_waiter">
            <input type="button" class="button" id="find_waiter_button" value="商家登陆"/>
        </div>
        <div id="already_have_account">
            没有账号，
            <a href="#">立即注册！</a></div>
    </div>
</div>
</div>
<div id="job_recommend" class="middle_width">
    <div id="manager_recommend" class="navigation">&nbsp;店长推荐</div>
    <div id="manager_recommend_job" class="text_area">
        <table id="manager_recommend_table">
            <tr>
                <td>诚招服务员</td>
                <td>上海市徐家汇区</td>
                <td>海底捞餐饮服务公司</td>
            </tr>
        </table>
    </div>
</div>

<div id="brand_cooperation_area" class="middle_width">
    <div id="brand_cooperation" class="navigation">&nbsp;品牌合作</div>
    <div id="brands" class="text_area">
        <a href="#">海底捞</a>
        <a href="#">如家</a>
        <a href="#">如家</a>
        <a href="#">如家</a>
        <a href="#">如家</a>
    </div>
</div>
<!-- include footer -->
<#include "block/footer.ftl">

</body>
</html>